<template>
  <ProForm
    :config="formConfig"
    :model="formData"
    :label-width="70"
    style="padding-top: 20px"
    :col="{
      md: 12,
      lg: 12,
    }"
  >
    <template #name="{ model }">
      <div>{{ model.name }}</div>
    </template>
  </ProForm>
</template>
<script lang="ts">
import { ProForm } from '..';
import { defineComponent } from 'vue';
import { useFormConfig } from './hooks/use-slot-config';

export default defineComponent({
  components: { ProForm },
  setup() {
    const { formConfig, formData } = useFormConfig();
    return {
      formConfig,
      formData,
    };
  },
});
</script>
